---
title: Predefined
description: Browse predefined Embla Carousel setups that demonstrates its features.
order: 0
date: 2022-11-13
---

{/* Basic */}
import { Default } from 'components/Examples/Basic/Default'
import { Loop } from 'components/Examples/Basic/Loop'
import { RightToLeft } from 'components/Examples/Basic/RightToLeft'
import { SlidesToScroll } from 'components/Examples/Basic/SlidesToScroll'
import { DragFree } from 'components/Examples/Basic/DragFree'
import { Align } from 'components/Examples/Basic/Align'
import { VariableWidths } from 'components/Examples/Basic/VariableWidths'
import { YAxis } from 'components/Examples/Basic/YAxis'
import { SlidesPerView } from 'components/Examples/Basic/SlidesPerView'
import { Thumbs } from 'components/Examples/Basic/Thumbs'

{/* Plugins */}
import { Autoplay } from 'components/Examples/Plugins/Autoplay'
import { AutoScroll } from 'components/Examples/Plugins/AutoScroll'
import { AutoHeight } from 'components/Examples/Plugins/AutoHeight'
import { Fade } from 'components/Examples/Plugins/Fade'
import { ClassNames } from 'components/Examples/Plugins/ClassNames'

{/* Tween */}
import { Parallax } from 'components/Examples/Tween/Parallax'
import { Scale } from 'components/Examples/Tween/Scale'
import { Opacity } from 'components/Examples/Tween/Opacity'

{/* Miscellaneous */}
import { Progress } from 'components/Examples/Miscellaneous/Progress'
import { LazyLoad } from 'components/Examples/Miscellaneous/LazyLoad'
import { InfiniteScroll } from 'components/Examples/Miscellaneous/InfiniteScroll'
import { IosPicker } from 'components/Examples/Miscellaneous/IosPicker'

# Predefined Examples

Get started instantly with pre-made CodeSandboxes or customize your carousel with the [carousel generator](/examples/generator).

---

## Basic Examples

Basic carousel setups that require minimal effort to get started with.

### Default

<Default />

### Loop

<Loop />

### Right To Left

<RightToLeft />

### Slides To Scroll

<SlidesToScroll />

### Drag Free

<DragFree />

### Align

<Align />

### Variable Widths

<VariableWidths />

### Y-axis

<YAxis />

### Slides Per View

<SlidesPerView />

### Thumbnails

<Thumbs />

## Plugin Examples

Extend your carousels with [plugins](/plugins/) and easily add features.

### Autoplay

<Autoplay />

### Auto Scroll

<AutoScroll />

### Auto Height

<AutoHeight />

### Fade

<Fade />

### Class Names

<ClassNames />

## Tween Examples

Tween styles on your slides as the carousel scrolls.

### Parallax

<Parallax />

### Scale

<Scale />

### Opacity

<Opacity />

## Miscellaneous Examples

Add features using the [API](/api/) and the internal engine.

### Progress

<Progress />

### Lazy Load

<LazyLoad />

### Infinite Scroll

<InfiniteScroll />

### IOS Style Picker Default

<IosPicker loop={false} />

### IOS Style Picker Loop

<IosPicker loop={true} />
